// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/v2/theming/
$font-path: "../assets/fonts";

@import "ionic.globals";

@import "_team"; 
// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/

$text-color:        #000;
$background-color:  #fff;

// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors: (
  primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222,
  safe:       #25C6FD,
  
);


// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here




// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here


// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here




// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";


// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/v2/ionicons/

@import "ionic.ionicons";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";







// 彭周毅自定义
// 头部标题
$toolbar-ios-title-font-size: 1.8rem; // 头部标题为1.8rem
$toolbar-ios-height:	4.4rem;
$toolbar-background: #fff; // 头部背景颜色为 白色
$background-ios-color: #fff; // 背景颜色为白色
$background-color: #fff; // 背景颜色为白色
$tabs-background: #fff; // 底部烂背景颜色为白色
$tabs-ios-background: $tabs-background; // 底部栏ios背景颜色为白色
$tabs-ios-border:	none; // tabs线条
$toolbar-border-color: #fff;
$toolbar-ios-border-color:	#fff;
$toolbar-ios-border: none;
// toolbar阴影
ion-header {
  box-shadow: 0 0 .5rem .1rem rgba($color: #98bde6, $alpha: 0.5);
} 
// tabbar 阴影
.tabs-ios .tabbar {
  box-shadow: 0 0 .5rem .1rem rgba($color: #98bde6, $alpha: 0.25);
}
//内容阴影
$shadow: 0 0 1rem 0.2rem rgba($color: #98bde6, $alpha: 0.25);

// toast 样式
$toast-ios-border-radius: 0;	
$toast-ios-background: #333;
.toast-ios .toast-wrapper {
  bottom:-1rem!important;
  left:0!important;
  right:0!important;
}
// tabs栏选中颜色
$tabs-ios-tab-text-color: #CECBCE;
$tabs-ios-tab-icon-color: #CECBCE;
$tabs-ios-tab-icon-color-active: #25C6FD;
$tabs-ios-tab-text-color-active: #25C6FD;
$tabs-ios-tab-icon-size:	2.2rem;
$tabs-ios-tab-min-heigh: 6.5rem !important;



// $button-ios-background-color-activated:#25C6FD;

//黄宏智自定义
$label-ios-margin-bottom:0;
$label-ios-margin-top:0;
$label-ios-margin-end:0;
$item-ios-padding-right:0; 
//滑动块样式
$range-ios-slider-height:30px; //范围滑块的高度
$range-ios-hit-width:30px; //选择旋钮的区域宽度 
$range-ios-knob-width:12px; //旋钮的宽度
$range-ios-bar-active-background-color:linear-gradient(to right, #7c7bf8 0%, #5aa9fc 100%); //活动范围刻度的背景
$range-ios-bar-background-color:#E2E2E2; //范围栏的背景
$range-ios-bar-height:6px; //范围栏的高度
$range-ios-knob-background-color: #ffffff; // 范围旋钮的背景
$range-ios-padding-horizontal:0px; // padding开始/结束范围
$range-ios-padding-vertical:0px; // padding范围的顶部/底部

.item-inner{
  border: none !important;
}
//滑动块的圆角
.range-ios .range-bar{
  border-radius: 20rem !important;
}
